<template>
  <div class="order">
    <div v-for="(item,index) in list" :key=index>
    <h3>{{item.goods}}</h3>
    <div class="show">
        <img :src="pic" alt="">
        <span>{{item.price}}</span>
    </div>
    </div>
  </div>
</template>

<script>
let pic ='http://t14.baidu.com/it/u=2360552861,4089336823&fm=224&app=112&f=JPEG?w=333&h=500&s=158A6EB65C537CCE24AAFE7803007059'
export default {
    data(){
        return{
            pic,
            list:[
                {goods:'饺子馆',price:'17.8'},
                {goods:'便利店',price:'20.8'},
                {goods:'混沌馆',price:'16.8'}
            ]
        }
    }
}
</script>

<style>
.order{
    width: 100%;
    padding: 0 5vw;
}
.show{
    display: flex;
    justify-content: space-between;
}
.show img{
    width: 30vw;
    height: 30vw;
}
</style>